import {View, Text, Image, StyleSheet, Dimensions} from 'react-native';
import React from 'react';

export default function ImageCom() {
  return (
    <View style={[styles.container]}>
      <Image style={[styles.image]} source={require('./Image/gwen.png')} />
      <Image
        style={styles.tinyLogo}
        source={{
          uri: 'https://reactnative.dev/img/tiny_logo.png',
        }}
      />
      <Image
        style={styles.logo}
        source={{
          uri: '',
        }}
      />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    flexWrap: 'wrap',
  },
  image: {
    width: Dimensions.get('window').width,
    height: 300,
  },
  tinyLogo: {
    width: 50,
    height: 50,
  },
  logo: {
    width: 66,
    height: 58,
  },
});
